@charset "utf-8";
@import "init.scss";
@import "common.scss";
@function c($px) {
    @return $px /2+px;
}

.web {
    header {
        overflow: hidden;
        .toubu_box {
            width: c(708);
            padding-top: c(50);
            margin: 0 auto;
            .b {
                text-align: center;
                width: c(122);
                height: c(48);
                border: $color c(1) solid;
                border-radius: c(25);
                a {
                    font-size: c(26);
                    color: #000000;
                }
            }
            .city {
                position: relative;
                select {
                    width: c(164);
                    height: c(56);
                    border: $color solid c(2);
                    padding-left: c(20);
                    appearance: none;
                    -webkit-appearance: none;
                }
                &::before {
                    content: "";
                    border-top: c(16) $color solid;
                    border-right: c(15) transparent solid;
                    border-left: c(16) transparent solid;
                    position: absolute;
                    right: c(16);
                    top: c(24);
                }
            }
            .fenlei {
                text-align: center;
                font-size: c(26);
                line-height: c(48);
            }
        }
    }
    //中部S
    section {
        margin: 0 c(40);
       .search {
            width: 134px;
            height: 27px;
            border-radius: 13.5px;
            border: 1px solid #ff9344;
            margin: 25.5px auto 21.5px auto;
            form {
                width: 100%;
                height: 100%;
                padding-left: 10px;
                input {
                    background-color: #FFFFFF;
                    box-sizing: border-box;
                    width: 96px;
                    height: 100%;
                    padding: 0 4px;
                    outline: none;
                    border: none;
                    font-size: 12px;
                }
                button {
                    background: transparent;
                    border: none;
                    font-size: 17px;
                    color: #ff9344;
                    outline: none;
                    vertical-align: middle;
                }
            }
        }
        .dajiadouzaishou {
            text-align: center;
            p {
                display: inline-block;
                font-size: c(26);
                color: #000000;
                margin: c(30) 0 c(15);
            }
        }
        .soushuoxianmu {
            width: c(515);
            margin: 0 auto;
            .shang {
                margin: c(6) 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: flex-start;
                .little_neirong {
                    width: c(126);
                    height: c(66);
                    text-align: center;
                    background-color: #dcdcdc;
                    p {
                        color: #898989;
                        font-size: c(20);
                        line-height: c(66);
                    }
                }
            }
            .xia {
                margin: c(6) 0;
                display: flex;
                justify-content: space-between;
                align-items: center;
                align-content: flex-start;
                .little_neirong {
                    width: c(126);
                    height: c(66);
                    text-align: center;
                    background-color: #dcdcdc;
                    p {
                        color: #898989;
                        font-size: c(20);
                        line-height: c(66);
                    }
                }
            }
        }
        .remen{
            
            .remen_title{
                margin: c(20) 0;
                span:first-of-type {
                    font-size: c(52);
                    color: $color;
                    width: c(70);
                }
                span:nth-child(2) {
                    font-size: c(30);
                    color: #000000;
                    line-height: c(60);
                }span:nth-of-type(3){
                        font-size: c(28);
                        color: $color;
                        line-height: c(60);
                    }
                span:last-child {
                    font-size: c(24);
                    color: #000000;
                    line-height: c(60);
                    
                }
            }
            .remen_picture{
               width: c(709);
               margin: 0 auto;
                
                .zhuo_tu{
               
                .big_picture{
                    display: inline-block;
                    width: c(279);
                    height: c(351);
                    img{
                        width: 100%;
                    }
                }
                }
                .you_tu{
                    width: c(420);
                    height: c(352);
                     display: flex;
                justify-content: space-around;
                align-items: flex-start;
                flex-wrap:  wrap;
                    
                    
                .youshang_tu{
                    display: inline-block;
                    width: c(420);
                    height: c(146);
                    img{
                        width: 100%;
                    }
                }
                .youxia_tu{
                    align-self: flex-end;
                    
                    display: inline-block;
                    width: c(195);
                    height: c(196);
                    img{
                        width: 100%;
                    }
                }
                .youxia_dier{
                    align-self: flex-end;
                    display: inline-block;
                    width: c(211);
                    height: c(196);
                    img{
                        width: 100%;
                    }
                }
                }
                
            }
            
            
        }
        .box{
            width: c(700);
               margin: 0 auto;
               padding: 20px 0;
           .box_top{
              
               padding-bottom: c(34);
               .my_icon_font:first-of-type{
                   color: $color;
                   font-size: c(44);
                   span{
                       margin-left: c(14);
                       font-size: c(30);
                       color: #000000;
                   }
               }
               div{
                   
                   span:first-of-type{
                   color: #000000;
                   font-size: c(24);
                   
               }
                span:nth-of-type(2){
                   color: $color;
                   font-size: c(25);
                   
               }
               
             }  
           }
           
           .box_content{
               display: flex;
               justify-content: space-between;
               align-items: center;
               div{
                   width: c(217);
                   height: c(199);
                   img{
                       width: 100%;
                   }
               }
           }
       }
        
        
        
        
        
        
    }
    //中部E
    //底部S
    //底部E
}